<template>
  <div class="app">
    <h1 style="margin-top: 3px;margin-left: 5px;font-size: 15px;">黑名单公示</h1>
    <div class="hmdshow">
      <dv-scroll-board :config="config" style="width:950px;height:180px; color: black;" />
    </div>
  </div>
</template>
<script>
export default {
  setup() {
  },
  data() {
    return {
      config: {
        index: true,
        header: ['供应商名', '理由', '时间', '操作人'],
        indexHeader: '序号',
        headerBGC: '#fff', // 表头背景色
        oddRowBGC: '#fff', // 奇数行背景色
        evenRowBGC: '#fff',// 偶数行背景色
        waitTime: 2000, // 轮播时间间隔(ms)
        align: ['center'],
        data: [
          ['温州科技公司', '医疗器械经营许可证到期', '2023-6', '管理员'],
          ['温州市医疗器械有限公司', '廉洁合同到期', '2023-4', '管理员'],
          ['温州市贸易有限公司', '医疗器械经营许可证到期', '2023-1', '管理员'],
          ['温州工贸有限公司', '营业执照到期', '2022-12', '管理员'],
          ['杭州贸易有限公司', '廉洁合同到期', '2022-11', '管理员'],
          ['杭州卫材有限公司', '营业执照到期', '2022-10', '管理员'],
          ['温州有限公司', '廉洁合同到期', '2022-9', '管理员'],
          ['温州市贸易有限公司', '医疗器械经营许可证到期', '2022-6', '管理员'],
          ['浙江贸易有限公司', '营业执照到期', '2022-5', '管理员'],
          ['上海商贸有限公司', '供货及质量保证协议到期', '2022-3', '管理员']
        ]
      }
    }
  },
  methods: {
  }
};
</script>
<style>
.app {
  margin: 0;
}

.row-item {
  border: 1px solid rgb(228, 228, 228);
}

.header {
  border: 1px solid rgb(228, 228, 228);
}

.hmdshow {
  /* text-align: center; */
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>